
.loginContainer {
  width: 100%;
  height: 100%;
  position: relative;
  background: url("@/assets/img/login/bg.png") no-repeat;
  background-size: cover;
  overflow: hidden;
  .loginContainerInner {
    position: relative;
    height: 100%;
  }
  .exit_wrap{
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
    background: transparent;
    text-align: right;
    font-size: 0;
    &:after{
      position: absolute;
      width: 0.6rem;
      height: 0.6rem;
      background: #fff;
      content: '';
      top: 50%;
      left: 0.4rem;
      margin-top: -0.3rem;
    }
    &::before{
      position: absolute;
      width: 0.6rem;
      height: 0.6rem;
      background: #fff;
      content: '';
      top: 50%;
      right: 0.2rem;
      margin-top: -0.3rem;
    }
    img{
      margin-left: 0.2rem;
      width: 1rem;
      position: relative;
      z-index: 99;
      &:active{
        opacity: .85;
      }
    }
  }
  .ipBox {
    width: 29.219%;
    position: absolute;
    height: 40.521vw;
    top: 13%;
    left: 18.5%;
    font-size: 0;
    img {
      height: 100%;
      width: 100%;
    }
  }
  .rightContainer {
    width: 31.51%;
    height: 30.729vw;
    position: absolute;
    top: 25.3%;
    right:9.64%;
    .copyRightBox {
      height: 0.6rem;
      font-size: 0.32rem;
      color: #ffffff;
      opacity: 0.43;
      text-align: center;
      margin-top: 0.4rem;
    }
  }
}
// 针对移动端 超小屏幕
@media screen and (max-width:375px){
  .loginContainer_web {
    .ipBox {
      display: none;
    }
    .rightContainer {
      left: 20%;
      width: 60%;
    }
  }
}

@media screen and (min-width:375px) and (max-width:550px){
  .loginContainer_web {
    .ipBox {
      display: none;
    }
    .rightContainer {
      left: 30%;
      width: 40%;
    }
  }
}